import request from "../../utils/request.js"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    allData: null,
    leftData: [],
    rightData: [],
    currentId: 1
  },
  loadData:function(){
    
    request("categories").then((res)=>{
      // 获取全部接口数据
      let allData=res.data.message;
      // console.log(allData);
      //  获取左侧类别名称列表
      let leftData = res.data.message.map((item)=>{
        return {"cat_id":item.cat_id,
        "cat_name":item.cat_name}
      });
      // console.log(leftData);
      // 获取右侧数据，该数据是左侧选择的大类对应的详细数据，默认类别为1
      let rightData=res.data.message.filter((item)=>{
       return  item.cat_id==this.data.currentId;
      })

      console.log(rightData[0]);
      this.setData({
        leftData:leftData,
        allData:allData,
        rightData:rightData[0].children
      })
    })
  },
  // 点击左侧类别，切换右侧商品的动作
  handleChangeCate:function(e){
    // 获取点击的类别id
   let cid=e.target.dataset.id;
  //  console.log(cid);
  // 根据选择的类别id，从all数据中筛选改类别的商品
    let rightData = this.data.allData.filter((item) => {
      let cid = e.target.dataset.id;
      return item.cat_id == cid;
    })
    // console.log(rightData);
    // 将商品数据和选中的类别id，写入data中
    this.setData({
      rightData: rightData[0].children,
      currentId:cid
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.loadData();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
   
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})